﻿<UserControl x:Class="iMagistic.PhotoLoader"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:res="clr-namespace:iMagistic.Properties"
             mc:Ignorable="d" 
             d:DesignHeight="532" d:DesignWidth="798">
    <UserControl.Resources>
        <!--Brushes used in Styling of ScrollViewer-->

        <SolidColorBrush x:Key="StandardBorderBrush" Color="#888" />
        <SolidColorBrush x:Key="StandardBackgroundBrush" Color="#FFF" />
        <SolidColorBrush x:Key="HoverBorderBrush" Color="#DDD" />
        <SolidColorBrush x:Key="SelectedBackgroundBrush" Color="Gray" />
        <SolidColorBrush x:Key="SelectedForegroundBrush" Color="White" />
        <SolidColorBrush x:Key="DisabledForegroundBrush" Color="#888" />
        <SolidColorBrush x:Key="NormalBrush" Color="#888" />
        <SolidColorBrush x:Key="NormalBorderBrush" Color="#888" />
        <SolidColorBrush x:Key="HorizontalNormalBrush" Color="#888" />
        <SolidColorBrush x:Key="HorizontalNormalBorderBrush" Color="#888" />

        <LinearGradientBrush x:Key="ListBoxBackgroundBrush"
            StartPoint="0,0" EndPoint="1,0.001">
            <GradientBrush.GradientStops>
                <GradientStopCollection>
                    <GradientStop Color="White" Offset="0.0" />
                    <GradientStop Color="White" Offset="0.6" />
                    <GradientStop Color="#DDDDDD" Offset="1.2"/>
                </GradientStopCollection>
            </GradientBrush.GradientStops>
        </LinearGradientBrush>

        <LinearGradientBrush x:Key="StandardBrush"  StartPoint="0,0" EndPoint="0,1">
            <GradientBrush.GradientStops>
                <GradientStopCollection>
                    <GradientStop Color="#FFF" Offset="0.0"/>
                    <GradientStop Color="#CCC" Offset="1.0"/>
                </GradientStopCollection>
            </GradientBrush.GradientStops>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="GlyphBrush" Color="#444" />
        <LinearGradientBrush x:Key="PressedBrush" StartPoint="0,0" EndPoint="0,1">
            <GradientBrush.GradientStops>
                <GradientStopCollection>
                    <GradientStop Color="#BBB" Offset="0.0"/>
                    <GradientStop Color="#EEE" Offset="0.1"/>
                    <GradientStop Color="#EEE" Offset="0.9"/>
                    <GradientStop Color="#FFF" Offset="1.0"/>
                </GradientStopCollection>
            </GradientBrush.GradientStops>
        </LinearGradientBrush>

        <!--SrollViewer ScrollBar Repeat Buttons (at each end)-->
        <Style x:Key="ScrollBarLineButton" TargetType="{x:Type RepeatButton}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="OverridesDefaultStyle" Value="true"/>
            <Setter Property="Focusable" Value="false"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type RepeatButton}">
                        <Border
                                                                  Name="Border"
                                                                  Margin="1"
                                                                  CornerRadius="2"
                                                                  Background="{StaticResource NormalBrush}"
                                                                  BorderBrush="{StaticResource NormalBorderBrush}"
                                                                  BorderThickness="1">
                            <Path
                                                            HorizontalAlignment="Center"
                                                            VerticalAlignment="Center"
                                                            Fill="{StaticResource GlyphBrush}"
                                                            Data="{Binding Path=Content,
                                                                RelativeSource={RelativeSource TemplatedParent}}" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsPressed" Value="true">
                                <Setter TargetName="Border" Property="Background"  Value="{StaticResource PressedBrush}" />
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Foreground" Value="{StaticResource DisabledForegroundBrush}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <!--SrollViewer ScrollBar Repeat Buttons (The part in the middle, 
                                        not the thumb the long area between the buttons )-->
        <Style x:Key="ScrollBarPageButton" TargetType="{x:Type RepeatButton}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="OverridesDefaultStyle" Value="true"/>
            <Setter Property="IsTabStop" Value="false"/>
            <Setter Property="Focusable" Value="false"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type RepeatButton}">
                        <Border Background="Transparent" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <!--ScrollViewer ScrollBar Thumb, that part that can be dragged
                                        up/down or left/right Buttons-->
        <Style x:Key="ScrollBarThumb" TargetType="{x:Type Thumb}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="OverridesDefaultStyle" Value="true"/>
            <Setter Property="IsTabStop" Value="false"/>
            <Setter Property="Focusable" Value="false"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Thumb}">
                        <Border
                                                      CornerRadius="2"
                                                      Background="{TemplateBinding Background}"
                                                      BorderBrush="{TemplateBinding BorderBrush}"
                                                      BorderThickness="1" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <ControlTemplate x:Key="VerticalScrollBar" TargetType="{x:Type ScrollBar}">
            <Grid >
                <Grid.RowDefinitions>
                    <RowDefinition MaxHeight="18"/>
                    <RowDefinition Height="0.00001*"/>
                    <RowDefinition MaxHeight="18"/>
                </Grid.RowDefinitions>
                <Border
                                                      Grid.RowSpan="3"
                                                      CornerRadius="2"
                                                      Background="#D5D5D5" />
                <RepeatButton
                                                              Grid.Row="0"
                                                              Style="{StaticResource ScrollBarLineButton}"
                                                              Height="18"
                                                              Command="ScrollBar.LineUpCommand"
                                                              Content="M 0 4 L 8 4 L 4 0 Z" />
                <Track
                                                                  Name="PART_Track"
                                                                  Grid.Row="1"
                                                                  IsDirectionReversed="true">
                    <Track.DecreaseRepeatButton>
                        <RepeatButton
                                                                                  Style="{StaticResource ScrollBarPageButton}"
                                                                                  Command="ScrollBar.PageUpCommand" />
                    </Track.DecreaseRepeatButton>
                    <Track.Thumb>
                        <Thumb
                                                                          Style="{StaticResource ScrollBarThumb}"
                                                                          Margin="1,0,1,0"
                                                                          Background="{StaticResource HorizontalNormalBrush}"
                                                                          BorderBrush="{StaticResource HorizontalNormalBorderBrush}" />
                    </Track.Thumb>
                    <Track.IncreaseRepeatButton>
                        <RepeatButton
                                                                          Style="{StaticResource ScrollBarPageButton}"
                                                                          Command="ScrollBar.PageDownCommand" />
                    </Track.IncreaseRepeatButton>
                </Track>
                <RepeatButton
                                                                  Grid.Row="3"
                                                                  Style="{StaticResource ScrollBarLineButton}"
                                                                  Height="18"
                                                                  Command="ScrollBar.LineDownCommand"
                                                                  Content="M 0 0 L 4 4 L 8 0 Z"/>
            </Grid>
        </ControlTemplate>
        <!--HorizontalScrollBar Template using the previously created Templates-->
        <ControlTemplate x:Key="HorizontalScrollBar"
                                            TargetType="{x:Type ScrollBar}">
            <Grid >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition MaxWidth="18"/>
                    <ColumnDefinition Width="0.00001*"/>
                    <ColumnDefinition MaxWidth="18"/>
                </Grid.ColumnDefinitions>
                <Border
                                                              Grid.ColumnSpan="3"
                                                              CornerRadius="2"
                                                              Background="#D5D5D5" />
                <RepeatButton
                                                              Grid.Column="0"
                                                              Style="{StaticResource ScrollBarLineButton}"
                                                              Width="18"
                                                              Command="ScrollBar.LineLeftCommand"
                                                              Content="M 4 0 L 4 8 L 0 4 Z" />
                <Track
                                                                  Name="PART_Track"
                                                                  Grid.Column="1"
                                                                  IsDirectionReversed="False">
                    <Track.DecreaseRepeatButton>
                        <RepeatButton
                                                                      Style="{StaticResource ScrollBarPageButton}"
                                                                      Command="ScrollBar.PageLeftCommand" />
                    </Track.DecreaseRepeatButton>
                    <Track.Thumb>
                        <Thumb
                                                                          Style="{StaticResource ScrollBarThumb}"
                                                                          Margin="0,1,0,1"
                                                                          Background="{StaticResource NormalBrush}"
                                                                          BorderBrush="{StaticResource NormalBorderBrush}" />
                    </Track.Thumb>
                    <Track.IncreaseRepeatButton>
                        <RepeatButton
                                                                          Style="{StaticResource ScrollBarPageButton}"
                                                                          Command="ScrollBar.PageRightCommand" />
                    </Track.IncreaseRepeatButton>
                </Track>
                <RepeatButton
                                                              Grid.Column="3"
                                                              Style="{StaticResource ScrollBarLineButton}"
                                                              Width="18"
                                                              Command="ScrollBar.LineRightCommand"
                                                              Content="M 0 0 L 4 4 L 0 8 Z"/>
            </Grid>
        </ControlTemplate>
        <!--Style for overall  ScrollBar-->
        <Style x:Key="{x:Type ScrollBar}" TargetType="{x:Type ScrollBar}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="OverridesDefaultStyle" Value="true"/>
            <Style.Triggers>
                <Trigger Property="Orientation" Value="Horizontal">
                    <Setter Property="Width" Value="Auto"/>
                    <Setter Property="Height" Value="18" />
                    <Setter Property="Template"
                                                    Value="{StaticResource HorizontalScrollBar}" />
                </Trigger>
                <Trigger Property="Orientation" Value="Vertical">
                    <Setter Property="Width" Value="18"/>
                    <Setter Property="Height" Value="Auto" />
                    <Setter Property="Template"
                                                    Value="{StaticResource VerticalScrollBar}" />
                </Trigger>
            </Style.Triggers>
        </Style>

        <!--Style for overall  ScrollViewer-->
        <Style x:Key="FavsScrollViewer" TargetType="{x:Type ScrollViewer}">
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ScrollViewer}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <ScrollContentPresenter Grid.Column="1"/>

                            <ScrollBar Name="PART_VerticalScrollBar"
                                                                Value="{TemplateBinding VerticalOffset}"
                                                                Maximum="{TemplateBinding ScrollableHeight}"
                                                                ViewportSize="{TemplateBinding ViewportHeight}"
                                                                Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"/>
                            <ScrollBar Name="PART_HorizontalScrollBar"
                                                                Orientation="Horizontal"
                                                                Grid.Row="1"
                                                                Grid.Column="1"
                                                                Value="{TemplateBinding HorizontalOffset}"
                                                                Maximum="{TemplateBinding ScrollableWidth}"
                                                                ViewportSize="{TemplateBinding ViewportWidth}"
                                                                Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"/>

                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <ControlTemplate x:Key="menuBtn" TargetType="{x:Type Button}">
            <Grid Name="contentBtn">
                <ContentPresenter VerticalAlignment="Center"/>
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="Background" TargetName="contentBtn">
                        <Setter.Value>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#45DD69FF" Offset="1" />
                                <GradientStop Color="Transparent" Offset="0" />
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                </Trigger>
                <Trigger Property="IsPressed" Value="true">
                    <Setter Property="Background" TargetName="contentBtn">
                        <Setter.Value>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#8FDD69FF" Offset="1" />
                                <GradientStop Color="Transparent" Offset="0" />
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                </Trigger>
                <Trigger Property="IsPressed" Value="True">
                    <!--<Setter Property="Source" Value="/iMagistic;component/images/minimize_pressed.png" TargetName="closeimg"/>-->
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

        <Style x:Key="FolderListBoxItem" TargetType="ListBoxItem">
            <Setter Property="FocusVisualStyle" Value="{x:Null}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Button Template="{DynamicResource menuBtn}" Click="FolderButton_Click">
                            <Grid >
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="55" />
                                    <ColumnDefinition Width="100*" />
                                    <ColumnDefinition Width="0" />
                                </Grid.ColumnDefinitions>
                                <Image Grid.Column="0" Margin ="25,10,5,10" Height="50" HorizontalAlignment="Left" Stretch="Fill" VerticalAlignment="Top" Width="35" Source="/images/white_folder.png" />
                                <Label Content="{Binding Path=Name}" Margin ="25,0,25,0" Grid.Column="1"  HorizontalAlignment="Stretch" Name="label1" VerticalAlignment="Center" Foreground="White" FontSize="20" />
                                <Label Content="{Binding Path=FullPath}" Grid.Column="2" Width="0" Height="0" Visibility="Hidden" />
                            </Grid>
                        </Button>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="imageListBoxStyle" TargetType="{x:Type ListBox}">
            <!-- Swap out the default items panel with a WrapPanel so that
           the images will be arranged with a different layout. -->
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <WrapPanel IsItemsHost="True" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>

        </Style>

        <Style x:Key="SimpleListBoxItem" TargetType="ListBoxItem">

            <Setter Property="FocusVisualStyle" Value="{x:Null}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Border   Name="Border"         
                                  BorderBrush="Black" 
                                  BorderThickness="2" 
                                  CornerRadius="4"
                                  Margin="6">
                            <Image Stretch="UniformToFill" Source="{Binding}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="true">
                                <Setter TargetName="Border" Property="BorderBrush" Value="White"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>


    </UserControl.Resources>
    <Grid >
        <!--Home Layout Tab-->
        <Grid MinWidth="350" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,-29,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="460" />
                <ColumnDefinition Width="10" />
                <ColumnDefinition Width="4" />
                <ColumnDefinition Width="150*" />
            </Grid.ColumnDefinitions>
            <!--menu container Grid-->
            <Grid HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,-12,0,0" Width="450" Height="517" Grid.ColumnSpan="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="150" />
                    <RowDefinition Height="282*" MinHeight="282"/>
                </Grid.RowDefinitions>

                <Grid Margin="0,0,1,0" HorizontalAlignment="Center">
                    <Label Content="{x:Static res:Resources.homeH1}" HorizontalAlignment="Center" Margin="0,45,0,0" Name="label2" VerticalAlignment="Top" Foreground="White" FontSize="24" Width="260" Padding="0" />
                    <Label Content="{x:Static res:Resources.homeH2}" FontSize="18" Foreground="#FFA7A7A7" HorizontalAlignment="Center" Margin="11,76,7,0" Name="label3" VerticalAlignment="Top" Width="242" />
                </Grid>

            </Grid>
            <!--menu items container Grid-->
            <Grid  Background="#17FFFFFF" Margin="0,138,0,0" Width="449" VerticalAlignment="Top" Height="367" Grid.ColumnSpan="2" HorizontalAlignment="Left">
                <Grid.RowDefinitions>
                    <RowDefinition Height="100*" />
                    <RowDefinition Height= "100*" />
                    <RowDefinition Height="100*" />
                    <RowDefinition Height="100*" />
                    <RowDefinition Height="100*" />
                </Grid.RowDefinitions>
                <!--elements of the menu-->
                <Button Name="menuItem1" Template="{DynamicResource menuBtn}" Grid.Row="0" Margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="75" Click="menuItem_Click">
                    <Grid  HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="70" Width="446">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="92" />
                            <ColumnDefinition Width="354" />
                            <ColumnDefinition Width="0*" />
                        </Grid.ColumnDefinitions>
                        <Image Height="50" Width ="50" HorizontalAlignment="Center" Margin="0,10,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Source="/images/cameraImport.png" />
                        <Label Content="{x:Static res:Resources.menu1}" FontSize="24" Foreground="White" Height="40" HorizontalAlignment="Left" Name="label7" VerticalAlignment="Center" Grid.Column="1" Margin="0,15" Width="352" />
                    </Grid>
                </Button>

                <Button Name="menuItem2" Template="{DynamicResource menuBtn}" Grid.Row="1" Margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="75" Click="menuItem_Click">
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="70" Width="446">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="92" />
                            <ColumnDefinition Width="354" />
                            <ColumnDefinition Width="0*" />
                        </Grid.ColumnDefinitions>
                        <Image Height="50" Width ="50" HorizontalAlignment="Center" Margin="0,10,0,0" Name="image2" Stretch="Fill" VerticalAlignment="Top" Source="/images/usbImport.png" />
                        <Label Content="{x:Static res:Resources.menu2}" FontSize="24" Foreground="White" Height="40" HorizontalAlignment="Left" Name="label8" VerticalAlignment="Center" Width="354" Grid.Column="1" Margin="0,15" />
                    </Grid>
                </Button>

                <Button Name="menuItem3" Template="{DynamicResource menuBtn}" Grid.Row="2" Margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="75" Click="menuItem_Click">
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="70" Width="446">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="92" />
                            <ColumnDefinition Width="352" />
                            <ColumnDefinition Width="2*" />
                        </Grid.ColumnDefinitions>
                        <Image Height="50" Width ="50" HorizontalAlignment="Center" Margin="0,10,0,0" Name="image3" Stretch="Fill" VerticalAlignment="Top" Source="/images/dropboxImport.png" />
                        <Label Content="{x:Static res:Resources.menu3}" FontSize="24" Foreground="White" Height="40" HorizontalAlignment="Left" Name="label9" VerticalAlignment="Center" Width="341" Grid.Column="1" Margin="0" />
                    </Grid>
                </Button>

                <Button Name="menuItem4" Template="{DynamicResource menuBtn}" Grid.Row="3" Margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="75" Click="menuItem_Click">
                    <Grid  HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="70" Width="446">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="92" />
                            <ColumnDefinition Width="354" />
                            <ColumnDefinition Width="0*" />
                        </Grid.ColumnDefinitions>
                        <Image Height="50" Width ="50" HorizontalAlignment="Center" Margin="0,10,0,0" Name="image4" Stretch="Fill" VerticalAlignment="Top" Source="/images/facebookImport.png" />
                        <Label Content="{x:Static res:Resources.menu4}" FontSize="24" Foreground="White" Height="40" HorizontalAlignment="Left" Name="label10" VerticalAlignment="Center" Width="340" Grid.Column="1" Margin="0" />
                    </Grid>
                </Button>

                <Button Name="menuItem5" Template="{DynamicResource menuBtn}" Grid.Row="4" Padding="-4" BorderThickness="0" Click="menuItem_Click" IsHitTestVisible="True">
                    <Grid  HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="70" Width="446">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="92" />
                            <ColumnDefinition Width="352" />
                            <ColumnDefinition Width="0*" />
                        </Grid.ColumnDefinitions>
                        <Image Height="50" Width ="50" HorizontalAlignment="Center" Margin="0,10,0,0" Name="image5" Stretch="Fill" VerticalAlignment="Top" Source="/images/importImFolder.png" />
                        <Label Content="{x:Static res:Resources.menu5}" FontSize="24" Foreground="White" Height="40" HorizontalAlignment="Left" Name="label11" VerticalAlignment="Center" Width="352" Grid.Column="1" Margin="0,15" />
                    </Grid>
                </Button>
            </Grid>
            <Image Name="delimiterImage"  Grid.Column="1" Height="45" HorizontalAlignment="Left" Margin="0,450,0,0" VerticalAlignment="Top" Width="10" Source="/images/separator.png" Stretch="None" Visibility="Hidden" />
            <Rectangle  Grid.Column="2" Name="delimiterRectangle" Fill="White" Margin="0,135,0,0" DataContext="{Binding}" StrokeThickness="1" Stroke="White" Visibility="Hidden" />
            <ListBox Grid.Column="3" ItemsSource="{Binding}" Name="FolderListCtrl" 
                     ItemContainerStyle="{StaticResource FolderListBoxItem}" 
                     Foreground="{x:Null}" BorderThickness="0"  
                     ScrollViewer.VerticalScrollBarVisibility="Auto" 
                     ScrollViewer.HorizontalScrollBarVisibility="Hidden" 
                     Margin="0,135,10,0" Background="#13FFFFFF" Height="370" MaxWidth="350" Visibility="Hidden">    
            </ListBox>

        </Grid>
    </Grid>
</UserControl>
